import Icon from '@/components/Icon'
import { NavBar, Input, Button } from 'antd-mobile'
import styles from './index.module.scss'

const Chat = () => {
  return (
    <div className={styles.root}>
      {/* 顶部导航栏 */}
      <NavBar className="fixed-header">小智同学</NavBar>

      {/* 聊天记录列表 */}
      <div className="chat-list">
        <div className="chat-item">
          <Icon type="iconbtn_xiaozhitongxue" />
          <div className="message">哈哈哈</div>
        </div>
        <div className="chat-item user">
          <img />
          <div className="message">嘻嘻嘻</div>
        </div>
      </div>

      {/* 底部消息输入框 */}
      <div className="input-footer">
        <div>
          <Icon type="iconbianji" />
          <Input className="no-border" placeholder="请描述您的问题" />
        </div>
        <Button size="mini">发送</Button>
      </div>
    </div>
  )
}

export default Chat
